/*字体的颜色*/
.text{
    color: black;
}
/*界面布局设计*/
.container {
    width: 100%;
    height: 100%;
    flex-direction: column;
    background-color: pink;
}
/*返回键背景设计*/
.back{
    left: 500px;
    width: 80px;
    height: 78px;
}
/*返回键图标大小设计*/
.back-img-view{
    width: 200px;
    height: 200px;
}
/*返回键图标位置设计*/
.back-img{
    width: 100px;
    height: 100px;
    margin-left: 20px;
    margin-top: 10px;
}
/*标题设计 */
.e53-title{
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: center;
}
/*标题字体大小设置*/
.e53-title-text{
    font-size: 50px;
}
.control-board{
    display: flex;
    width: 100%;
    height: 340px;
}
/*左边控制板总体位置设计*/
.data-view{
    width: 50%;
    height: 340px;
    justify-content: center;
    align-items: center;
}
/*左边控制板边款设计*/
.data-group{
    width: 340px;
    height: 260px;
    border-radius: 20px;
    border-width: 2px;
    border-color: brown;
    flex-direction: column;
}
/*左边控制板全部数据显示设计*/
.data-cap{
    height: 80px;
    width: 340px;
    margin-top: 5px;
    align-items: center;
}
/*左边控制板文字数据显示设计*/
.data-describe{
    margin-left: 10px;
}
/*左边控制板图标显示设计*/
.data-ico{
    width: 32px;
    height: 32px;
    margin-left: 10px;
}
/*右边控制板总体位置设计*/
.control-view{
    width: 50%;
    height: 340px;
    justify-content: center;
    align-items: center;
}
/*右边控制板边款设计*/
.control-group{
    width: 320px;
    height: 260px;
    border-radius: 20px;
    border-width: 2px;
    border-color: dodgerblue;
    flex-direction: column;
}
/*右边控制板文字数据显示设计*/
.group{
    width: 320px;
    height: 130px;
    flex-direction: column;
    align-items: center;
}
/*右边控制板图标显示设计*/
.control-ico-group{
    width: 320px;
    height: 80px;
    justify-content: space-between;
    align-items: center;
}
.control-describe{
    font-size: 26px;
    margin-top: 10px;
}
/*右边控制板开关设计*/
.control-switch{
    width: 80px;
}
.control-ico-right{
    height: 60px;
    width: 60px;
    margin-right: 20px;
}
/*右边控制板灯和风扇图标设计*/
.control-ico-left{
    height: 60px;
    width: 60px;
    margin-left: 20px;
}